<template>
  <a-tabs size="mini" v-model:active-key="currentPage" style="background-color: white">
    <a-tab-pane key="HouseSearchInventory" title="仓库库存" />
    <a-tab-pane key="spaceSearchInventory" title="库位库存" />
  </a-tabs>
  <component :is="currentPage" />
</template>

<script lang="ts">
  import { defineComponent, reactive, ref, toRefs } from 'vue'
  import HouseSearchInventory from './components/houseSearchInventory.vue'
  import spaceSearchInventory from './components/spaceSearchInventory.vue'
  export default defineComponent({
    components: { HouseSearchInventory, spaceSearchInventory },
    setup() {
      const data: any = reactive({
        currentPage: 'HouseSearchInventory',
      })
      return {
        ...toRefs(data),
      }
    },
  })
</script>

<style lang="less" scoped></style>
